<template>
        <legend>添加组件</legend>
        <input type="text" v-model="val">
        <button @click="addClick" >添加</button>
</template>

<script setup>
import { ref,defineEmits} from 'vue';


// 自定义事件，完成子传父
let emit =defineEmits(['add'])

let val = ref('')

let addClick = function () {
    // console.log(val);
   
    let obj ={
        id:Math.random().toString(30).toString(2),
        todo:val.value,
        isCompleted:false,//任务刚提交，没完成
    }
    emit('add',obj)
}


</script>